#nav.affix{position:fixed;top:0;width:100%}

.dock{position:fixed;right:0;top:15%;-moz-opacity:.9;opacity:.9;font-size:14px;z-index:200}
.dock.close{z-index:50;line-height:1.5;}
.dock ul.icons{position:absolute;list-style:none;right:0;padding:0;width:50px;border:1px solid #CCC;border-right:0;background:#FFF;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.dock.close ul.icons{right:-70px}
.dock ul.icons li{width:50px;height:100%;padding:5px;}
.dock ul.icons li i{display:block;position:relative;width:40px;height:40px;background:url("http://www.itegva.com/static/ctx/d6c4d829/images/icons.png") no-repeat;background-size: 100% 600%;cursor:pointer;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:210}
.dock ul.icons li.active i{-moz-opacity:.4;opacity:.4}
.dock ul.icons li.up i,.dock ul.icons li.down i{background:none;color:#174899;font-size: 35px;font-weight: 500;text-align: center;}
.dock ul.icons li.up a,.dock ul.icons li.up a:hover,.dock ul.icons li.up a:focus,.dock ul.icons li.down a,.dock ul.icons li.down a:hover,.dock ul.icons li.down a:focus{text-decoration:none}
.dock ul.icons li.tel i{background-position:0 20%}
.dock ul.icons li.im i{background-position:0 0;}
.dock ul.icons li.wechat i{background-position:0 40%}
.dock ul.icons li p{display:block;position:absolute;top:50px;right:-260px;padding:15px 20px;height:150px;color:#174899;line-height:30px;border:1px solid #CCC;border-right:0;background:#FFF;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-moz-opacity:0;opacity:0;filter:alpha(opacity = 0);-webkit-transition:all .4s ease-in-out .1s;-moz-transition:all .4s ease-in-out .1s;-ms-transition:all .4s ease-in-out .1s;-o-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;overflow:hidden;z-index:201}
.dock ul.icons li.active p{right:50px;-moz-opacity:1;opacity:1;filter:alpha(opacity = 100)}
.dock ul.icons li.tel p{width:145px}
.dock ul.icons li.im p{width:160px}
.dock ul.icons li.im p a{display:block;margin-top:12px;width:100px;height:35px;line-height:32px;color:#00dfb9;font-size:16px;text-align:center;text-decoration:none;border:1px solid #00dfb9;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.dock ul.icons li.im p a:hover{color:White;background:#0f8773;border:1px solid #0f8773}
.dock ul.icons li.wechat p{width:150px}
.dock ul.icons li.wechat p img{width:150px;border:2px solid White}
.dock a.switch{position:absolute;display:block;top:270px;right:10px;width:30px;height:30px;text-align: center;font-size: 18px;background:#FFF;border: 1px solid #CCC;border-radius:50%;cursor:pointer;-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-ms-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}
.dock a.switch i{font-weight:bold;vertical-align: middle;color:#174899;}
.dock a.switch,.dock a:hover.switch,.dock a:focus.switch{text-decoration:none}

.section-banner{width:100%;background:#DDD;margin-top:-60px}
.section-banner .swiper-pagination{width:100%;bottom:20px}
.section-banner .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;border:3px solid #fff;background-color:#d5d5d5;width:15px;height:15px;opacity:1}
.section-banner .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;width:15px;height:15px;background-color:#fff}
.section-banner .swiper-button-prev,.section-banner .swiper-button-next{font-size: 50px;color: #CCC;background: transparent;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.section-banner .swiper-button-prev{left:30px;}
.section-banner .swiper-button-next{right:30px;}
.section-banner .swiper-button-prev:hover,.section-banner .swiper-button-next:hover{color:#FFF;transform:scale(1.15);-webkit-transform:scale(1.15)}
.section-banner .swiper-slide img{width:100%;height:auto;max-width:100%;max-height:100%;}
.section-product{background:#DDD;padding:30px 200px}
.section-solution,.section-about{background:#FFF;padding:30px 200px}
.section-product-detail{background:#FFF;padding:30px 0px;}
.section-solution-detail{background:#FFF;padding:30px 200px;}
.section-contact{height:400px;padding:30px 50px}
.section-contact .section-title{color:#FFF}
.section-contact .section-sub{font-size:16px;color:#FFF}
.section-contact .section-sub a,.section-contact .section-sub a:hover,.section-contact .section-sub a:focus{color:#FFF;text-decoration:none}
.section-contact .contact-info{color:#FFF;font-size:16px}
.section-contact .contact-info a,.section-contact .contact-info a:hover,.section-contact .contact-info a:focus{color:#FFF;text-decoration:none}
.section-contact .contact-info i{display:block;width:60px;height:60px;margin:10px auto 15px;border-radius:2px;background:url("http://www.itegva.com/static/ctx/d6c4d829/images/icons.png") no-repeat;background-size: 100% 600%;}
.section-contact .contact-info.contact-tel i{background-position:0 20%}
.section-contact .contact-info.contact-qq i{background-position:0 0}
.section-contact .contact-info.contact-wechat{cursor:pointer}
.section-contact .contact-info.contact-wechat i{background-size: 100% 100%;}
.section-contact .contact-info.contact-taobao i{background-position:0 60%}
@media (max-width:767px){
.section-banner {margin-top:0px}
.section-banner .swiper-button-prev,.section-banner .swiper-button-next{font-size: 30px;}
.section-banner .swiper-button-prev{left:10px;}
.section-banner .swiper-button-next{right:10px;}
.section-product{background:#DDD;padding:30px 20px}
.section-about{background:#FFF;padding:30px 20px}
.section-solution {padding: 30px 20px;}
.section-solution-detail,.section-product-detail,.section-about{background:#FFF;padding:30px 20px}
}
.border-right{border-right:1px solid #DDD}
.section-title{font-size:40px;margin-bottom:20px;font-weight:500}
.section-sub{margin:0 auto}

.featured-box{overflow:hidden;min-height:300px;margin-bottom:20px;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.featured-wrapper .intro-header{position:absolute;top:50%;left:0;width:100%;-webkit-transition:-webkit-transform .35s;-moz-transition:-webkit-transform .35s;-ms-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.featured-box:hover .featured-wrapper .intro-header,.featured-box.active .featured-wrapper .intro-header{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-60px,0);-moz-transform:translate3d(0,-50%,0) translate3d(0,-60px,0);-ms-transform:translate3d(0,-50%,0) translate2d(0,-60px,0);transform:translate3d(0,-50%,0) translate3d(0,-60px,0)}
.featured-wrapper .intro-header i{color:#03a9f4;font-size:34px;margin-bottom:25px}
.featured-box:hover .featured-wrapper .intro-header i,.featured-box.active .featured-wrapper .intro-header i{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}
.featured-wrapper .intro-header h2{font-weight:500;padding: 0 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.featured-box .content{position:absolute;bottom:0;left:0;padding:20px;width:100%;opacity:0;-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-webkit-transform .35s;-ms-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
.featured-box .content p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.featured-box:hover .content,.featured-box.active .content,.featured-box:hover h2,.featured-box.active h2,.featured-box:hover i,.featured-box.active i{color:#fff;opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.featured-box:hover,.featured-box.active{background-color:#03a9f4;box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}
.hover:hover .content,.hover:hover h2,.hover:hover i{color:#fff!important}
.hover:hover i{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}
h2{font-size:20px;font-weight:500}
.portfolio-col{background:#fff;box-shadow:0 1px 27px -3px rgba(0,0,0,.2)}
.portfolio-col .portfolio-img{position:relative;background:#F8F8F8;border-top-left-radius:2px;border-top-right-radius:2px}
.portfolio-col .portfolio-info{text-align:center;padding:20px 0 10px}
.portfolio-col .portfolio-info h5{margin:0;padding: 0 10px;color:#111;font-weight:700;font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.portfolio-col .portfolio-info span{font-size:12px;color:#666;font-weight:600;display: block;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
.portfolio-hover-image{position:relative}
.portfolio-hover-image img{clear:both;display:block;margin:auto}
.portfolio-hover-image .hover{background:rgba(255,255,255,.62);position:absolute;bottom:0;visibility:hidden;opacity:0;left:0;right:0;text-align:center;padding:10px;-webkit-transition:ease all .35s;-o-transition:ease all .35s;-ms-transition:ease all .35s;-moz-transition:ease all .35s;transition:ease all .35s}
.portfolio-hover-image .action-btn a{display:inline-block;vertical-align:top;width:40px;height:40px;line-height:40px;background:#272727;border-radius:50%;outline:0;margin:0 2px;color:#fff}
.portfolio-hover-image .action-btn a:hover{background:#000}
.portfolio-hover-image .action-btn .popup-gallery{display:inline-block;}
.portfolio-hover-image .action-btn .popup-gallery a:not(:first-child){display:none;}
.portfolio-hover-image:hover .hover{visibility:visible;opacity:1}
.portfolio-hover-image:hover .portfolio-img{background:#CCC}
.portfolio-hover-image:hover .portfolio-img img{transform:scale(1.15);-webkit-transform:scale(1.15)}
.clients-grid .border-box{margin: 10px;-webkit-transition:box-shadow .3s;-moz-transition:box-shadow .3s;-ms-transition:box-shadow .3s;transition:box-shadow .3s}
.clients-grid .border-box a{display:block;margin-left:auto;margin-right:auto}
.clients-grid .border-box img{padding:5px;width:60px;margin-left:auto;margin-right:auto;vertical-align: middle;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.clients-grid .border-box img:hover{-webkit-filter:grayscale(20%);filter:grayscale(20%)}
.clients-grid.grid-gutter .border-box{margin-bottom:30px}
.bg-no-repeat{background-repeat:no-repeat}
.bg-cover{-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.bg-center-center{background-position:center center}
.about-box{padding:12% 12% 12% 0;margin-left:-60px}
.about-box .about-row{position:relative;padding-left:120px;min-height:80px}
.about-box .about-row:not(:last-child){margin-bottom:40px}
.about-box .about-row .icon{width:80px;height:80px;line-height:80px!important;color:#fff;font-size:30px;text-align:center;position:absolute;left:0;top:0;border-radius:50%}
.about-box .ar-content h3{font-weight:700;margin:0 0 10px;padding:0;font-size:16px;text-transform:uppercase;line-height:normal}
.about-box .ar-content p{margin:0}
@media (max-width:767px){.about-box{padding:50px 0;margin-left:0}
.about-box .about-row{padding-left:100px}
.about-box .about-row .icon{margin-bottom:25px}
}
.overlay-section{background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.theme-color{color:#272630}
.theme-bg{background:#03a9f4}
.white-bg{background:#fff;-moz-opacity:.8;opacity:.8;}
.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.navbar{margin-bottom:0}
.product-categories ul{line-height:30px; border-bottom:1px solid #aaa;border-radius: 2px;}
.product-categories ul li.filter-controls{float:left;margin-bottom: 10px;}
.product-categories ul li.filter-controls:first-child span{margin-top:-3px;font-size:25px;border:none;margin-left:0;color:#000;}
.product-categories ul li.filter-controls span{color: #333;font-size:15px;letter-spacing:1px;padding-left: 8px;width:auto;text-align:center;border-left:1px solid #aaa;border-radius:2px;margin-left:10px;cursor:pointer}
.product-categories ul li.filter-controls:not(:first-child) span:hover,.product-categories ul li.filter-controls.active:not(:first-child) span{transform:scale(1.2);color:#FFF;background:#aaa}
.product-categories ul li.filter-controls a:hover,.product-categories ul li.filter-controls a:focus{text-decoration:none}

.nav-product-detail.affix {position: fixed;top:0;z-index: 2;width: 100%;}
.nav-product-detail{margin-bottom:30px;}
.nav-product-detail .nav-tabs{background:#EEE;}
.nav-product-detail ul li{float: left;text-align: center;margin-left:150px;padding: 0;}
.nav-product-detail ul li:first-child a{font-size: 18px;color:#111;line-height: 20px;padding: 10px;}
.nav-product-detail ul li:first-child a span{width: 15em;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-product-detail ul li:not(:first-child){margin-left:20px;}
.nav-product-detail ul li:not(:first-child) span{padding:5px;cursor: pointer;}
.nav-product-detail ul li:not(:first-child):hover span.file-item,.nav-product-detail ul li:not(:first-child).active span.file-item{border-bottom:1px solid #174899;}
.nav-product-detail ul li:not(:first-child) a{font-size: 15px;color:#111;line-height: 20px;padding: 10px;}
.nav-product-detail ul li:not(:first-child):hover a,.nav-product-detail ul li:not(:first-child).active a{color:#174899;border:none !important;}
.nav-product-detail ul li i{margin-right: 5px;vertical-align: middle;}

.section-product-detail .product-view-container{width: 600px;height: 600px;padding:0 50px;float:right;}
.section-product-detail .product-view .swiper-container {width: 100%;height:100%;}
.section-product-detail .product-view .swiper-slide img {width: 100%; ;height:100%;border:1px solid #eee; border-radius: 2px; }
.section-product-detail .product-preview .swiper-container {width: 100%;height:100px;margin-top: 10px;}
.section-product-detail .product-preview .swiper-slide { width: 80px; height: 80px;cursor: pointer; border: 1px solid #EEE; border-radius: 2px; padding:10px; }
.section-product-detail .product-preview .swiper-slide img { width: 60px; height: 60px; border-radius: 2px; }
.section-product-detail .product-preview .swiper-slide.swiper-slide-active { border: 2px solid #174899;-webkit-filter:grayscale(20%);filter:grayscale(20%); }
.section-product-detail .swiper-slide-zoom{position: absolute;left: 0px;top: 0;height: 590px;width: 590px;border: 1px solid #EEE;visibility: hidden;z-index:1;background:#FFF}
.section-product-detail .detail-file li{padding:5px 15px;}
.section-product-detail .detail-file i{float: left;background:url("http://www.itegva.com/static/ctx/d6c4d829/images/icons.png") no-repeat;height: 40px;width: 40px;background-size: 100% 600%;margin-right:20px;}
.section-product-detail .detail-file i.file-zip,.section-product-detail .detail-file i.file-rar{background-position: 0 80%;}
.section-product-detail .detail-file i.file-pdf{background-position: 0 100%;}
.section-product-detail .detail-file-item:not(:last-child){border-bottom:1px solid #ddd;margin-bottom:20px;overflow: hidden;}
.section-product-detail .detail-file a{color:#666;font-size: 16px;line-height: 40px;}
.section-product-detail .detail-file span{color:#aaa;font-size: 12px;line-height: 40px;margin-left: 15px;}
.section-product-detail .detail-file-type{padding: 5px 20px;line-height: 50px;font-size: 16px;color:#333;}
.section-product-detail .detail-content img,.section-solution-detail .detail-content img,.section-about .detail-content img{width: 100%; height: auto;margin:0;padding:0;}
.section-product-detail .detail-content p,.section-solution-detail .detail-content p{padding: 0 30px;text-indent: 2em;line-height: 30px;}
.section-about .section-sub{font-size: 26px;margin-top:40px;margin-bottom:15px;font-weight: 500;}
.section-about .section-sub p{text-indent: 2em;}
.section-about p{line-height: 30px;}
.section-product-detail .detail-content ,.section-solution-detail .detail-content {margin:0;}
.section-product-detail .product-detail{width: 600px;padding-left: 0;}
.section-product-detail h3{margin-top:0px}
@media (max-width:767px){
.nav-product-detail ul li{margin-left:0px;}
.nav-product-detail ul li:first-child) a{font-size: 16px;}
.nav-product-detail ul li:not(:first-child) a{font-size: 12px;}
.product-categories ul li.filter-controls span{padding: 3px;width:auto;text-align:center;border:1px solid #aaa;}
.product-categories .swiper-container{width:100%;overflow:hidden}
.product-categories div.filter-controls{font-size:25px;color:#000;cursor: pointer;}
.product-categories .swiper-wrapper div.filter-controls{width:auto;border:1px solid #aaa;text-align:center;border-radius:2px;margin-left:10px;cursor:pointer}
.product-categories .swiper-wrapper div.filter-controls:first-child{margin-left:0px;}
.product-categories .swiper-wrapper div.filter-controls span{transition:all .3s ease;display:block;font-size:12px;letter-spacing:1px;padding:3px;color:#333;}
.product-categories .swiper-wrapper div.filter-controls.active span{transform:scale(1.1);color:#FFF;background:#aaa}
.section-product-detail .product-view-container{width: 100%;height: auto;float:none;}
.section-product-detail .product-view .swiper-slide img{border:none;border-radius:0;}
.section-product-detail .product-view .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:30px;}
.section-product-detail .product-detail{margin-left:0px;padding:10px;}
.section-product-detail .view-container {padding: 0;}
.section-product-detail{padding:0}
.section-product-detail .detail-file-type{padding: 5px 15px;}
}